<template>
  <div id="app">
    <Topbar />
    <Header />
    <Banner />
    <Main />
    <FootTotal />
    <router-view />
    <Footer />
  </div>
</template>
<script>
import Topbar from "@/components/Topbar";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import Banner from "@/components/Banner.vue";
import Main from "@/components/Main.vue";
import FootTotal from "@/components/FootTotal.vue";
// import axios from "axios";
// import axios from "@/request/request";
import { JingPinApi } from "@/request/api";
export default {
  components: {
    Topbar,
    Header,
    Footer,
    Banner,
    Main,
    FootTotal,
  },
  created() {
    /*    axios
      .get("/products/recommend")
      .then((res) => {
        console.log("请求成功", res);
      })

      .catch((err) => {
        console.log("err", err);
      }); */
    JingPinApi().then((res) => {
      console.log(res);
    });
  },
};
</script>

<style lang="less">
/* #app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
} */
</style>
